<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script type="text/javascript" src="../helper.js"></script>
</head>
<body>
  <style type="text/css">
    #test2{
      left: 2em;
    }
  </style>

  <div id="test1" class="hello world" title="hello world title" style="margin-left:3em;top:2em">
    <input id="test2" name="foo2" type="text" maxlength="20" value="hello"/>
    <input tabindex="2" id="test3" type="checkbox" checked="true" name="foo3" value="bar"/>
    <input id="test4" type="text" disabled="disabled"/>
    <input id="test5" type="text" disabled="false" READONLY="true"/>
    <a id="test6" style="color:red;background:blue" href="../foo.html"><b>Foo</b>-Link</a>
    <table id="test7" valign="bottom"><tr><td colspan="3"></td></tr></table>
    <span id="test8">Black</span>
  </div>

  <div id="test"></div>
</body>
</html>
